<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery.js" ></script>
		<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
		<link rel="stylesheet" href="../css/bootstrap/bootstrap.css" />
		<script type="text/javascript" src="../js/angular.min.js" ></script>
	</head>
	<body ng-app="paginationApp" ng-controller="paginationCtrl">
		<table class="table table-bordered">
			<tr>
				<th>序号</th>
				<th>商品编号</th>
				<th>名称</th>
				<th>价格</th>
			</tr>
			<tr ng-repeat="product in products">
				<td>{{$index+1}}</td>
				<td>{{product.id}}</td>
				<td>{{product.name}}</td>
				<td>{{product.price}}</td>
			</tr>
			</table>
		<div>
				<ul class="pagination pull-right">
					<li>
						<a href ng-click="prev()">上一页</a>
					</li>
					<li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}">
						<a ng-click="selectPage(page)">{{ page }}</a>
					</li>
					<li>
						<a href ng-click="next()">下一页</a>
					</li>
				</ul>
			</div>
	</body>
	<script type="text/javascript">
		
	
		var paginationApp = angular.module("paginationApp",[]);
		paginationApp.controller("paginationCtrl",["$scope","$http",function($scope,$http){
			// 分页组件 必须变量
			$scope.currentPage = 1; // 当前页 （请求数据）
			$scope.pageSize = 4; // 每页记录数 （请求数据）
			$scope.totalCount = 0; // 总记录数 （响应数据）
			$scope.totalPages = 0; // 总页数 （根据 总记录数、每页记录数 计算 ）
			
			
			
			//上一页
			$scope.prev = function(){
				$scope.selectPage($scope.currentPage-1);
			}
			
			//下一页
			$scope.next = function(){
				$scope.selectPage($scope.currentPage+1);
			}
			
			//当前页
			$scope.selectPage = function(page){
				if($scope.totalPages != 0 && ( page<1 ||page >$scope.totalPages)){
					return;
				}
			
				$http({
						method: 'GET',
						url: 'promotion_pageQuery.action',
						params: {
							page : page , // 页码
							pageSize : $scope.pageSize // 每页记录数 
						}
					}).success(function(data, status, headers, config) {
						$scope.products = data.products;
						$scope.totalCount = data.totalCount; //总记录数
						$scope.totalPages  = Math.ceil($scope.totalCount/$scope.pageSize);//总页数
						$scope.currentPage=page;
						//显示分页工具条
						var begin;
						var end;
						begin = $scope.currentPage -5;
						if(begin < 1){
							begin = 1;
						}
						
						end = begin +9;
						
						if(end > $scope.totalPages){
							end = $scope.totalPages;
						}
						
						begin = end - 9;
						if(begin < 1){
							begin = 1;
						}
						
						//定义数组， 显示所有的分页】
						$scope.pageList = new Array();
						for(var i=begin; i<end; i++){
							$scope.pageList.push(i)
						}
					}).error(function(data, status, headers, config) {
						alert("数据出错请联系管理员");
					});
					}
					
				// 判断是否为当前页 
				$scope.isActivePage = function(page) {
					return page === $scope.currentPage;
				}
				
				// 初始化，选中第一页
				$scope.selectPage(1);
					
				
		}]);
	</script>
</html>
